<html>
<head>
<link rel="Stylesheet" type="text/css" href="style.css" />
<title>main frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

<h1>Оглавление</h1>
<div class="toc">
<ul>
<li><a href="#toc_1">Header 1</a></li>
<ul>
<li><a href="#toc_1.1">Header 2</a></li>
<ul>
<li><a href="#toc_1.1.1">Header 3</a></li>
<ul>
<li><a href="#toc_1.1.1.1">Header 4</a></li>
<ul>
<li><a href="#toc_1.1.1.1.1">Header 5</a></li>
<ul>
<li><a href="#toc_1.1.1.1.1.1">Header 6</a></li>
</ul>
</ul>
</ul>
</ul>
</ul>
<li><a href="#toc_2">Header 11</a></li>
<ul>
<li><a href="#toc_2.1">Header 22</a></li>
<ul>
<li><a href="#toc_2.1.1">Header 33</a></li>
<ul>
<li><a href="#toc_2.1.1.1">Header 44</a></li>
<ul>
<li><a href="#toc_2.1.1.1.1">Header 55</a></li>
<ul>
<li><a href="#toc_2.1.1.1.1.1">Header 66</a></li>
</ul>
</ul>
</ul>
</ul>
</ul>
</ul>
</div>

<h1 id="toc_1">Header 1</h1>
<h2 id="toc_1.1">Header 2</h2>
<h3 id="toc_1.1.1">Header 3</h3>
<h4 id="toc_1.1.1.1">Header 4</h4>
<h5 id="toc_1.1.1.1.1">Header 5</h5>
<h6 id="toc_1.1.1.1.1.1">Header 6</h6>
<h1 id="toc_2">Header 11</h1>
<h2 id="toc_2.1">Header 22</h2>
<h3 id="toc_2.1.1">Header 33</h3>
<h4 id="toc_2.1.1.1">Header 44</h4>
<h5 id="toc_2.1.1.1.1">Header 55</h5>
<h6 id="toc_2.1.1.1.1.1">Header 66</h6>

</body>
</html>
